﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="schedule.ascx.cs" Inherits="SmartParking.Web.UC.Schedule" %>

<script type="text/javascript">
    $(document).ready(function() {
        $('.schedule-row span').bt({
            fill: 'rgba(0, 0, 0, .8)',
            cornerRadius: 10,
            spikeLength: 15,
            strokeWidth: 2,
            strokeStyle: '#CC0',
            width: 150,
            trigger: 'click',
            cssClass: 'schedule-row-tip'
        });
    });
</script>
   
<div class="schedule">
    <div class="schedule-navigation">
        <asp:LinkButton ID="lbtnPrevious" runat="server" onclick="lbtnPrevious_Click"><<</asp:LinkButton>
        <asp:Label ID="lbCurrentWeek" runat="server" Text="Label"/>
        <asp:LinkButton ID="lbtnNext" runat="server" onclick="lbtnNext_Click">>></asp:LinkButton>
    </div>
    <div class="schedule-grid">
        <asp:GridView ID="grdSchedule" runat="server" AllowPaging="False" 
            AllowSorting="False" AutoGenerateColumns="False" RowStyle-HorizontalAlign="Center" OnDataBound="grdSchedule_DataBound">
            <RowStyle HorizontalAlign="Center"></RowStyle>
            <Columns>
                <asp:TemplateField ShowHeader="false" HeaderImageUrl="" ControlStyle-Width="60px" HeaderStyle-HorizontalAlign="Center">
                    <ItemTemplate>
                        <asp:Label id="lbTime" runat="server" Text='<%#Bind("Time")%>'/>
                    </ItemTemplate>
                    <ControlStyle Width="60px"></ControlStyle>
                </asp:TemplateField>
                <asp:TemplateField ShowHeader="true" HeaderText="Sun" ControlStyle-Width="60px" HeaderStyle-HorizontalAlign="Center">
                    <ItemTemplate>
                        <div class="schedule-row">
                            <asp:Label id="lbSunday" runat="server" ToolTip='<%#Bind("SundayInfo")%>' CssClass='<%#DataBinder.Eval(Container.DataItem, "SundayCssClass")%>'/>
                        </div>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField ShowHeader="true" HeaderText="Mon" ControlStyle-Width="60px" HeaderStyle-HorizontalAlign="Center">
                    <ItemTemplate>
                        <div class="schedule-row">
                            <asp:Label id="lbMonday" runat="server" ToolTip='<%#Bind("MondayInfo")%>' CssClass='<%#DataBinder.Eval(Container.DataItem, "MondayCssClass")%>'/>
                        </div>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField ShowHeader="true" HeaderText="Tue" ControlStyle-Width="60px" HeaderStyle-HorizontalAlign="Center">
                    <ItemTemplate>
                        <div class="schedule-row">
                            <asp:Label id="lbTuesday" runat="server" ToolTip='<%#Bind("TuesdayInfo")%>' CssClass='<%#DataBinder.Eval(Container.DataItem, "TuesdayCssClass")%>'/>
                        </div>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField ShowHeader="true" HeaderText="Wed" ControlStyle-Width="60px" HeaderStyle-HorizontalAlign="Center">
                    <ItemTemplate>
                        <div class="schedule-row">
                            <asp:Label id="lbWednesday" runat="server" ToolTip='<%#Bind("WednesdayInfo")%>' CssClass='<%#DataBinder.Eval(Container.DataItem, "WednesdayCssClass")%>'/>
                        </div>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField ShowHeader="true" HeaderText="Thu" ControlStyle-Width="60px" HeaderStyle-HorizontalAlign="Center">
                    <ItemTemplate>
                        <div class="schedule-row">
                            <asp:Label id="lbThursday" runat="server" ToolTip='<%#Bind("ThursdayInfo")%>' CssClass='<%#DataBinder.Eval(Container.DataItem, "ThursdayCssClass")%>'/>
                        </div>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField ShowHeader="true" HeaderText="Fri" ControlStyle-Width="60px" HeaderStyle-HorizontalAlign="Center">
                    <ItemTemplate>
                        <div class="schedule-row">
                            <asp:Label id="lbFriday" runat="server" ToolTip='<%#Bind("FridayInfo")%>' CssClass='<%#DataBinder.Eval(Container.DataItem, "FridayCssClass")%>'/>
                        </div>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField ShowHeader="true" HeaderText="Sat" ControlStyle-Width="60px" HeaderStyle-HorizontalAlign="Center">
                    <ItemTemplate>
                        <div class="schedule-row">
                            <asp:Label id="lbSaturday" runat="server" ToolTip='<%#Bind("SaturdayInfo")%>' CssClass='<%#DataBinder.Eval(Container.DataItem, "SaturdayCssClass")%>'/>
                        </div>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>
    </div>
    <div class="schedule-legend">
        <asp:Label ID="Label1" runat="server" CssClass="schedule-LowerThan50" Height="15px" Width="25px"/>
        <asp:Label ID="Label2" runat="server" Text="< 50%   "/>
        <asp:Label ID="Label3" runat="server" CssClass="schedule-GreaterThan50" Height="15px" Width="25px"/>
        <asp:Label ID="Label4" runat="server" Text="> 50%   "/>
        <asp:Label ID="Label6" runat="server" CssClass="schedule-100" Height="15px" Width="25px"/>
        <asp:Label ID="Label5" runat="server" Text="Full"/>
    </div>
</div> 
